<template>
  <div>
    <div class="card-text">
      <h1>Visitors &amp; Venue</h1>
      <h2>Venue</h2>
      <p>CPDE 2025 will be held at Beijing University of Technology (BJUT) in Beijing, China. Beijing University of Technology, founded in 1960, is a municipal key university with 2200 full-time faculty members and 26000 enrolled students. As a member of the national “Double First-Class” initiative and the “211 Project”, BJUT excels in the fields of material science, environmental engineering, information technology, and civil engineering, with engineering ranking in the top 1‰ of ESI worldwide.</p>
      <p><strong>Workshop Venue: Yifu Library，Beijing University of Technology</strong></p>
      <img 
        src="../assets/img-map-v2.png"  
        style="width: 60%;display: flex;margin: 0 auto;"
      />
      <p>Below are some impressions: </p>
      <el-carousel type="card" height="385px">
        <el-carousel-item v-for="(i,index) in impressions" :key="index">
          <img 
            :src="i.imgUrl"  
            style="max-width: 640px;height: 360px;display: flex;margin: 0 auto;"
          />
        <p style="text-align: center;font-weight: bold;">{{ i.synopsis }}</p>
        </el-carousel-item>
      </el-carousel>

      <h2>Transportation</h2>
      <p>BJUT can be reached by subway very conveniently from two international airports: </p>
      <img 
        src="../assets/img-transport.jpeg"  
        style="width: 60%;display: flex;margin: 0 auto;"
      />
      <h2>Hotels</h2>
      <p>If you want to book rooms at Grand Gongda Jianguo Hotel, please contact us at <a href='mailto:cpde2025@bjut.edu.cn'>cpde2025@bjut.edu.cn</a>, and we will make room reservations for you at the lower corporate rate.</p>
      <img 
        src="../assets/img-room-01.png"  
        style="width: 60%;display: flex;margin: 0 auto;"
      />
      <p style="text-align: center;font-weight: bold;">Double bed room (breakfast included): 580 RMB/night</p>
      <img 
        src="../assets/img-room-02.png"  
        style="width: 60%;display: flex;margin: 0 auto;"
      />
      <p style="text-align: center;font-weight: bold;">Twin bed room (breakfast included): 580 RMB/night</p>
      <h2>Traveling Around</h2>
      <p>Beijing, the capital of China, is renowned for its profound historical and cultural heritage, unique natural features, and numerous precious cultural relics. Some popular attractions in Beijing are shown below.</p>

      <el-carousel type="card" height="385px">
        <el-carousel-item v-for="(i,index) in attractions" :key="index">
          <img 
            :src="i.imgUrl"  
            style="max-width: 640px;height: 360px;display: flex;margin: 0 auto;"
          />
        <p style="text-align: center;font-weight: bold;">{{ i.synopsis }}</p>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>

<script>


export default {
  components: { },
  data() {
    return {
      impressions:[],
      attractions:[],
    };
  },
  created() {
    this.$http.get('/json/VisitorsVenue.json').then((response) => {
      this.impressions = response.data.impressions;
      this.attractions = response.data.attractions;
      // console.log(response);
    });
  },
}
</script>

<style lang="less" scoped>
@import "../components/typora_like.less";

</style>
